<template>
    <div class="demo-video">
    <!-- {{ this.$route.query.imgSrc }} -->
      <video id="myVideo"  controls preload="auto"   class="video" :poster="'http://localhost:8889'+'/'+this.$route.query.imgSrc+'.jpg'">
        <source :src="'http://localhost:8889'+'/'+this.$route.query.videoSrc+'.mp4'" type="video/mp4" >
      </video>
      <div class="h1">
        <h2> {{ "评论列表" }}</h2>
      </div>
      <div class="input">
        <el-input
  type="textarea"
  autosize
  placeholder="请先登录，登陆后才能评论"
 class="userInput">
</el-input>
<router-link to="/login"><el-button round size="small" type="primary" class="btn">提交</el-button></router-link>

      </div>  
     
        
    </div>   
    
    </template>
    
    <script>


    export default{
       
       
    }
    
    </script>
    
    <style scoped>
    .btn{
    margin-left: 8px;
}
    .userInput{
        width: 420px;
    margin-left: 6px;
    margin-top: 2px;
    }
    .input{
        display: flex;
        margin-left:150px ;
    }
    .comment{
        margin-top: 100px;
    }
    .video{
       width: 1200px;
       height: 500px;
      margin-left: 150px;
      margin-top: 100px;
    
    }
    h2{
    color: blue;
    margin-bottom: 50px;
}
.h1{
 margin-left: 40px;
 margin-top: 150px;
}
    
    </style>